<template>
    <div>
        <div>专题详情</div>
        <div v-html="obj.content"></div>
        <div>
            <h2>专题推荐</h2>
            <div>
                <div v-for="item in list" :key="item.id">
                    <img :src="item.scene_pic_url" alt="">
                    <p>{{item.title}}</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import {topicdetai} from '@/axios'
export default {
    name: 'topicDetail',

    data() {
        return {
            obj:{},
            list:[],
        };
    },
    async created(){
        let res= await topicdetai({'id':this.$route.params.id})
        this.obj=res.data
        this.list=res.recommendList
        console.log(this.obj,this.list);
    },
    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style>
img{
    width: 750px;
}
</style>
<style scoped lang="scss">

</style>